<!DOCTYPE html>
<html>
<head>
    <title>Stock Prices</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="Content-Style-Type" content="text/css"/>
    <meta http-equiv="Content-Script-Type" content="text/javascript"/>
    <link rel="shortcut icon" href="/images/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="/css/style.css" media="all"/>
    <script type="text/javascript" src="/js/util.js"></script>
    <style type="text/css">
        /*<![CDATA[*/
        body {
            color: #333333;
            line-height: 150%;
        }

        thead {
            font-weight: bold;
            background-color: #CCCCCC;
        }

        .odd {
            background-color: #FFCCCC;
        }

        .even {
            background-color: #CCCCFF;
        }

        .minus {
            color: #FF0000;
        }

        /*]]>*/
    </style>

</head>

<body>

<h1>Stock Prices</h1>

<table>
    <thead>
    <tr>
        <th>#</th>
        <th>symbol</th>
        <th>name</th>
        <th>price</th>
        <th>change</th>
        <th>ratio</th>
    </tr>
    </thead>
    <!-- HI-MEEPO -->
    <tbody>
    <!-- RNA:EACH map/-1/items/item -->
    <!-- RNA:RUN map/even-or-odd/item._count | fun:mod even odd / -->
    <tr class="even-or-odd">
        <!-- RNA:USE /count/item._count/ -->
        <!-- RNA:USE /item.symbol/item.symbol/* -->
        <!-- RNA:USE /item.url/item.url/* -->
        <!-- RNA:USE /item.name/item.name/* -->
        <!-- RNA:USE /item.price/item.price/* -->
        <!-- RNA:USE /item.change/item.change/* -->
        <!-- RNA:USE /item.ratio/item.ratio/* -->
        <td>count</td>
        <td><a href="/stocks/item.symbol">item.symbol</a></td>
        <td><a href="item.url">item.name</a></td>
        <td><strong>item.price</strong></td>
        <!-- RNA:WHEN java/yes/
        import pro.fessional.meepo.benchmark.Stock;
        Stock stock = (Stock) ctx.get("item");
        return stock.getChange() < 0.0D
        /change -->
        <td class="minus">item.change</td>
        <td class="minus">item.ratio</td>
        <!-- RNA:ELSE change -->
        <td>item.change</td>
        <td>item.ratio</td>
        <!-- RNA:DONE change -->
    </tr>
    <!-- RNA:DONE item -->
    </tbody>
</table>
</body>
</html>
